<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:f='http://java.sun.com/jsf/core'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui' styleClass='IMUsuario' id='IMUsuario'><p:growl/>

<h:panelGroup id='pnlUsr'>

<z:beanForm  bean='#{IMUsuario}' columns='2'>

  <h:outputText value='Persona'/>

  <p:autoComplete value='#{IMUsuario.entity.persona}' converter='#{IMUsuario.converter}' maxResults='15' styleClass='xAuto' style='width: 187px'

  completeMethod='#{IMUsuario.complete}' var='x' itemLabel='#{x.nombre}' itemValue='#{x}' rendered='#{IMUsuario.entity.username == null}'>

  <p:ajax event='itemSelect' listener='#{IMUsuario.selectPersona}' update='pnlUsr' partialSubmit='true' process='@this'/>
      
  </p:autoComplete>

  <h:outputText value='#{IMUsuario.entity.persona.nombre}' rendered='#{IMUsuario.entity.username != null}'/>


  <h:outputText value='Usuario'/>

  <p:inputText value='#{IMUsuario.entity.username}' style='width:187px' styleClass='xIn' rendered='#{IMUsuario.entity.username == null}'/>

  <h:outputText value='#{IMUsuario.entity.username}' rendered='#{IMUsuario.entity.username != null}'/>


  <h:outputText value='Contraseña'/>

  <p:password value='#{IMUsuario.entity.password}' style='width:187px' styleClass='xIn' redisplay='true'/>


  <h:outputText value='Correo'/>

  <p:inputText value='#{IMUsuario.entity.email}' style='width:187px' styleClass='xIn'/>


  <h:outputText value='Rol'/>

  <p:selectOneMenu value='#{IMUsuario.rol.id}' style='width:187px' styleClass='xSel'>

  <f:selectItems value='#{IMUsuario.lsRol}' var='x' itemLabel='#{x.nombre}' itemValue='#{x.id}'/></p:selectOneMenu>

</z:beanForm>

</h:panelGroup>


<z:beanTable bean='#{IMUsuario}'>

  <z:columnT t='Usuario' v='#{x.username}'/>

  <z:columnT t='Persona' v='#{x.persona.nombre}'/>

  <z:columnT t='Correo'  v='#{x.email}'/>

</z:beanTable>

</h:panelGroup>